<div class="layui-card" style="padding: 0px;border: none;margin-top: 0px;height: 100%;background: none;">
	<form id="modelEditForm" lay-filter="modelEditForm" class="layui-form model-form" style="padding:0px;height: 100%;">
		<input name="id" value="#(sceneModel?sceneModel.id:'')" type="hidden" />	
		<input name="sceneId" value="#(sceneModel?sceneModel.sceneId:'')" type="hidden" />	
		<div class="layui-card-header scene-card-header" style="height: 35px;padding: 0px;padding-left: 5PX;line-height: 39px;">
			  <button type="button" class="scene-btn" id="sceneModelPositionBtn" title="定位"><i class="fa fa-paper-plane-o"></i></button>
			  <button type="button" class="scene-btn" id="pmodelTranslationBtn" title="平移"><i class="fa fa-arrows"></i></button>
			  <button type="button" class="scene-btn" id="sceneModelDeleteBtn" title="删除"><i class="fa fa-trash-o"></i></button>
			  <button type="button" class="scene-btn" lay-filter="submitModelEditForm" lay-submit  title="保存"><i class="fa fa-save"></i></button>
		</div>
		<div class="layui-card-body" style="height: 100%;padding: 0px;">
			<div class="layui-tab layui-tab-card" style="padding: 0px;border: none;margin-top: 0px;width: 100%;height: 100%;">
			  <div class="layui-tab-content" style="padding:0px;height: calc(100% - 85px);">
			    <div class="layui-tab-item " >
					<table class="formTable">				
						<tr>
							<td>名称</td>
							<td >
								<input id="sceneModelName" value="#(sceneModel?sceneModel.name:'')" name="name"  placeholder="" autocomplete="off"   type="text" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>
						<tr>
							<td>标识</td>
							<td >
								<input id="sceneModelCode" value="#(sceneModel?sceneModel.code:'')" name="code"  placeholder="" autocomplete="off"   type="text" class="layui-input" />
							</td>
						</tr>				
						<tr>
							<td>序号</td>
							<td >
								<input id="sceneModelSort" value="#(sceneModel?sceneModel.sort:0)" name="sort"  placeholder="" autocomplete="off"   type="number" class="layui-input" />
							</td>
						</tr>
					</table>
					    
			    </div>
			    <div class="layui-tab-item" >
					<table class="formTable">
						<tr>
							<td>经度</td>
							<td >
								<input id="modelX" value="#(sceneModel?sceneModel.x:'')" name="x"  placeholder="" autocomplete="off"   type="text" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>
						<tr>
							<td>纬度</td>
							<td >
								<input id="modelY" value="#(sceneModel?sceneModel.y:'')" name="y"  placeholder="" autocomplete="off"   type="text" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>
						<tr>
							<td>高度</td>
							<td >
								<input id="modelZ" value="#(sceneModel?sceneModel.z:'')" name="z"  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>
					</table>
			    </div>  
			    <div class="layui-tab-item layui-show" >
					<table class="formTable">
						<tr>
							<td>比例</td>
							<td >
								<input id="sceneModelScale" value="#(sceneModel?sceneModel.scale:1)" name="scale" step="0.001" min=0 max=2000  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>
						<tr>
							<td>方位角</td>
							<td >
								<input id="sceneModelHeading" value="#(sceneModel?sceneModel.heading:0)" name="heading"  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>
						<tr>
							<td>俯仰角</td>
							<td >
								<input id="sceneModelPitch" value="#(sceneModel?sceneModel.pitch:0)" name="pitch"  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>	
						<tr>
							<td>翻滚角</td>
							<td >
								<input id="sceneModelRoll" value="#(sceneModel?sceneModel.roll:0)" name="roll"  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>		
						<tr>
							<td>最小像素大小</td>
							<td >
								<input  id="sceneModelMinimumPixelSize" value="#(sceneModel?sceneModel.minimumPixelSize:0)" name="minimumPixelSize"  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>	
						<tr>
							<td>是否填充</td>
							<td >
						      <select name="fill" lay-filter="fill">
						        <option value="0" #if(sceneModel&&sceneModel.fill=='0') selected #end >否</option>
						        <option value="1" #if(sceneModel&&sceneModel.fill=='1') selected #end>是</option>
						      </select>					
						    </td>
						</tr>	
						<tr id="sceneModel-fillColor-tr"  style="#if(sceneModel && sceneModel.fill=='1') #else display: none; 	#end">
							<td>颜色</td>
							<td >
								<input type="hidden" name="fillColor" id="fillColor-input" value="#(sceneModel?sceneModel.fillColor:'')">
								<div id="fillColor"></div>
							</td>
						</tr>	
		<!-- 				<tr>
							<td>透明度</td>
							<td >
								<input id="sceneModelOpacity" value="#(sceneModel?sceneModel.opacity:1)" name="opacity"  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr> -->
						<tr>
							<td>显示轮廓</td>
							<td >
						      <select name="silhouette" lay-filter="silhouette">
						        <option value="0" #if(sceneModel&&sceneModel.silhouette=='0') selected #end>否</option>
						        <option value="1" #if(sceneModel&&sceneModel.silhouette=='1') selected #end>是</option>
						      </select>	
						    </td>
						</tr>
						<tr id="sceneModel-silhouetteColor-tr" style="#if(sceneModel && sceneModel.silhouette=='1') #else display: none; 	#end">
							<td>轮廓颜色</td>
							<td >
								<input type="hidden" name="silhouetteColor" id="silhouetteColor-input" value="#(sceneModel?sceneModel.silhouetteColor:'')">
								<div id="silhouetteColor"></div>
							</td>
						</tr>				
						<tr id="sceneModel-silhouetteSize-tr" style="#if(sceneModel && sceneModel.silhouette=='1') #else display: none; 	#end">
							<td>轮廓宽度</td>
							<td >
								<input  id="sceneModelSilhouetteSize" value="#(sceneModel?sceneModel.silhouetteSize:1)" name="silhouetteSize"  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>	
						<tr>
							<td>是否按视距显示</td>
							<td >
						      <select name="distanceDisplayCondition" lay-filter="distanceDisplayCondition">
						        <option value="0" #if(sceneModel&&sceneModel.distanceDisplayCondition=='0') selected #end>否</option>
						        <option value="1" #if(sceneModel&&sceneModel.distanceDisplayCondition=='1') selected #end>是</option>
						      </select>	
							</td>
						</tr>
						<tr id="sceneModel-distanceNear-tr" style="#if(sceneModel && sceneModel.distanceDisplayCondition=='1') #else display: none; 	#end">
							<td>最小距离</td>
							<td >
								<input id="sceneModelDistanceNear" value="#(sceneModel?sceneModel.distanceNear:0)" name="distanceNear"  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>
						<tr id="sceneModel-distanceFar-tr" style="#if(sceneModel && sceneModel.distanceDisplayCondition=='1') #else display: none; 	#end">
							<td>最大距离</td>
							<td >
								<input id="sceneModelDistanceFar" value="#(sceneModel?sceneModel.distanceFar:5000)" name="distanceFar"  placeholder="" autocomplete="off"   type="number" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>	
						<tr>
							<td>是否动画</td>
							<td >
						      <input type="radio" name="animation" value="0" title="否" #if(sceneModel&&sceneModel.animation=='0') checked="" #end>
						      <input type="radio" name="animation" value="1" title="是" #if(sceneModel&&sceneModel.animation=='1') checked="" #end>
		      				</td>
						</tr>				
						<tr>
							<td>是否阴影</td>
							<td >
						      <input type="radio" name="shadows" lay-filter="shadows" value="0" title="否" #if(sceneModel&&sceneModel.shadows=='0') checked="" #end>
						      <input type="radio" name="shadows" lay-filter="shadows" value="1" title="是" #if(sceneModel&&sceneModel.shadows=='1') checked="" #end>				      
							</td>
						</tr>	
		<!-- 				<tr>
							<td>是否贴地</td>
							<td >
						      <input type="radio" name="clampToGround" value="0" title="否" #if(sceneModel&&sceneModel.clampToGround=='0') checked="" #end>
						      <input type="radio" name="clampToGround" value="1" title="是" #if(sceneModel&&sceneModel.clampToGround=='1') checked="" #end>					      
							</td>
						</tr> -->																																												
					</table>
			    </div> 
			    <div class="layui-tab-item" >
				    <div class="layui-card" style="padding: 0px;border: none;margin-top: 0px;height: 100%;background: none;">
						<div class="layui-card-header" style="height: 35px;padding: 0px;padding-left: 5PX;line-height: 39px;">
							<button id="addModelPropertyBtn" type="button" title="添加扩展属性" class="scene-btn"><i class="fa fa-plus"></i></button>
						</div>				    
				        <div class="layui-card-body" style="padding: 0px;margin-top: -16px;">
				            <table class="layui-table" id="tableModelProperty" lay-filter="tableModelProperty"></table>
				        </div>
				    </div>			    
			    </div>	
 			    <div class="layui-tab-item" >
				    <div class="layui-card" style="padding: 0px;border: none;margin-top: 0px;height: 100%;background: none;">
						<div class="layui-card-header" style="height: 35px;padding: 0px;padding-left: 5PX;line-height: 39px;">
							<button id="addModelAntennaBtn" type="button" title="添加天线属性" class="scene-btn"><i class="fa fa-plus"></i></button>
						</div>				    
				        <div class="layui-card-body" style="padding: 0px;margin-top: -16px;">
				            <table class="layui-table" id="tableModelAntenna" lay-filter="tableModelAntenna"></table>
				        </div>
				    </div>			    
			    </div>		    		          
			  </div>
			  <ul class="layui-tab-title layui-tab-title-city"  style="bottom: 5px; line-height: 35px;">
			  	<li  style="line-height: 35px;">属性</li>
			  	<li  style="line-height: 35px;">坐标</li>
			  	<li  style="line-height: 35px;" class="layui-this">样式</li>
			  	<li  style="line-height: 35px;" >扩展</li>
			  	<li  style="line-height: 35px;" >天线</li>
			  </ul> 		
			</div>
		</div>
	</form>
</div>


<!-- 表单弹窗 -->
<script type="text/html" id="modelModelPropertyScript">
    <form id="modelModelPropertyForm" lay-filter="modelModelPropertyForm" class="layui-form model-form">
        <input name="id" type="hidden"/>
		<table class="formTable">
			<tr>
				<td>名称</td>
				<td >
					<input   name="label"   placeholder="" autocomplete="off"   type="text" class="layui-input"  lay-verType="tips" lay-verify="required" required/>
				</td>
			</tr>
			<tr>
				<td>值</td>
				<td >
					<input  name="value"   placeholder="" autocomplete="off"   type="text" class="layui-input"  lay-verType="tips" lay-verify="required" required/>
				</td>
			</tr>
			<tr>
				<td>序号</td>
				<td >
					<input  name="sort"   placeholder="" autocomplete="off"   type="number" class="layui-input"  lay-verType="tips" lay-verify="required" required/>
				</td>
			</tr>
			<tr>
				<td style="text-align: right;" colspan="2">

           			<button class="scene-btn" lay-filter="modelSubmitModelPropertyForm" lay-submit><i class="fa fa-save"></i></button>
				</td>
			</tr>																										
		</table>
    </form>
</script>


<script type="text/html" id="tableModelPropertyScript">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

